<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html>

        <head>
            <base href="<%=basePath%>">
            <meta charset="utf-8">
            <meta name="renderer" content="webkit">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta http-equiv="pragma" content="no-cache">
            <meta http-equiv="cache-control" content="no-cache">
            <meta http-equiv="expires" content="0">
            <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
            <meta http-equiv="description" content="This is my page">
            <title>跳一跳</title>
            <link rel="stylesheet" href="css/index.css">
            <link rel="stylesheet" href="css/animate.css">
            <script type="text/javascript" src = "js/jquery-1.7.1.min.js"></script>
            <script type="text/javascript" src = "js/index.js"></script>

        </head>
        <body>
        <input id="basePath" type="hidden" value="<%=basePath %>"/>
        <div id = "background">
            <img src = "img/background-image.png" width ="100%" height ="100%">
        </div>
        <div id = "menu_left" class="wow slideInLeft" data-wow-delay="0.2s" data-wow-duration="0.7s">
            <div id = "menu_content">

                <img src = "img/right.png" width ="100%" height = "100%">
            </div>
            <div id = "menu_img">
                <div id="menu_img_text">
                    <h2>跳一跳</h2>
                </div>

                <div id="menu_img_start">
                    <div onclick = "StartGame()">开始游戏</div>
                </div>
            </div>
        </div>
        <div id= "menu_right" class="wow slideInRight" data-wow-delay="0.2s" data-wow-duration="0.7s">
            <ul>
                <div id = "logo">
                    <img src = "img/logo.png" width = "100%" height ="100%">
                </div>
                <li id="PersonHome">个人中心</li>
                <li onclick="toLogin()" id="Login">登录注册</li>
                <li onclick="toList()" id="List">排行榜</li>
                <li>请作者吃辣条</li>
                <li>关于我们</li>
            </ul>
        </div>
        </body>
        <script type="text/javascript" src="js/wow.min.js"></script>
        <script>
            new WOW().init();
        </script>

</html>